@CHARSET "ISO-8859-1";

body { 
  	font-size:15px;
	font-family:"calibri";
}

h1 {
	font-size:35px;
	font-style:arial;
}

h2 {
	color:darkorange;
	font-size:17px;
	font-style:arial;
}

h3 {
	color:darkblue;
	font-size:17px;
	font-style:arial;
}

p {
	color:darkblue;
	font-size:15px;
	font-style:bold;
	font-style:Verdana;
}

.button {
    margin: 10px;
    text-decoration: none;
    font: bold 1.5em 'Trebuchet MS',Arial, Helvetica; 
    font-size:16px;
    display: inline-block;
    text-align: center;
    color: #fff;
    border: 1px solid #9c9c9c;
    border: 1px solid rgba(0, 0, 0, 0.3);            
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    width:85px;
    height:24px;
}

.button, .button span
{
    -moz-border-radius: .3em;
    border-radius: .3em;
}

.button span
{
    border-top: 1px solid #fff; 
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
    background-size: 3px 3px;            
}

.button:hover
{
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.button:active {
    position: relative;
    top: 1px;
}

.button-blue:hover {
    background: #99CCF3;
    background: -webkit-gradient(linear, left top, left bottom, from(#87B6D9), to(#99CCF3) );
    background: -moz-linear-gradient(-90deg, #87B6D9, #99CCF3);
}

.button-blue {
    background: #81a8cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
    background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
}

.button-blue:active {
    background: #99CCF3;
}
